body {
    background: #F4F4F4;
}
.index__content , .index__header ,.index__footer {
    width: 100%;
}
.index__header__search {
    width: 90%;
    margin-left: 5%;
    height: 0.5rem;
    margin-top: 0.2rem;
}
.index__header__nav {
    width: 100%;
    margin-top: 0.2rem;
}
/*.iconfont1 {*/
    /*color: #008C8D;*/
    /*font-size: 0.3rem;*/
/*}*/
.index__header__img {
    float: left;
    height: 0.5rem;
    width: 21%;
}
.index__header__img div {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.6rem;
    background: #FFCC00;
    float: right;
    margin-right: 0.15rem;
}
.index__header__input {
    float: right;
    width: 78%;
    height: 0.5rem;
    position: relative;
}
.index__header__inputSearch {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.15rem;
    border-radius: 0.5rem;
    padding-left: 0.2rem;
    width: 80%;
}
.iconfont1 {
    color: #008C8D;
    font-size: 0.3rem;
    vertical-align: middle;
    margin-left: 0.05rem;
}
.index__header__inputSearch::-webkit-input-placeholder{
    color: rgb(209,209,209);
}
.iconfont2 {
    position: absolute;
    font-size: 0.25rem;
    color: #D1D1D1;
    right: 27%;
    top: 0.12rem;
}
.index__header__xiaoxi {
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.08rem;
    background: #FF5857;
    margin-left: -0.1rem;
    margin-top: 0.03rem;
}
.index__header__nav img {
    width: 100%;
    height: 350px;
}
.index__content__bck {
    width: 100%;
    height: 2.4rem;
    background: #fff;
}
.index__content__iconNav {
    width: 80%;
    height: 2.4rem;
    margin-left: 10%;
}
.index__content__iconNavTop ,.index__content__iconNavBot{
    width: 100%;
    height: 1.2rem;
}
.index__content__iconNavTop div,.index__content__iconNavBot div{
    width: 33%;
    float: left;
    text-align: center;
    margin-top: 0.23rem;
}
.index__content__iconNavTop a , .index__content__iconNavBot a{
    display: inline-block;
    width: 0.6rem;
    text-align: center;
    height: 0.5rem;
}
.index__content__iconNavTop a i,.index__content__iconNavBot a i{
    font-size: 0.5rem;
    color: rgb(0,140,140);
}
.index__content__iconNavTop a b,.index__content__iconNavBot a b {
    font-size: 0.15rem;
}
.index__content__task {
    background: #fff;
}
.index__content__taskTop {
    width: 90%;
    margin-left: 5%;
    height: 0.5rem;
    line-height: 0.5rem;

}
.index__content__taskTop span {
    font-size: 0.25rem;
    color: rgb(0,140,140);
    font-weight: 600;
}
.index__content__taskTop i {
    font-size: 0.25rem;
    color: rgb(0,140,140);
    font-weight: 600;
}
.index__content__box {
    width: 100%;
    height: 0.8rem;
    margin: 0.2rem 0;
}
.index__content__taskBot {
    width: 90%;
    margin-left: 5%;
    height: 1.4rem;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}
.index__content__taskBotLeft{
    width: 80%;
    height: 1.4rem;
    float: left;
}
.index__content__taskBotLeft div:first-child {
    width: 1rem;
    height: 1rem;
    background: #F4F4F4;
}

.index__content__taskBotRight {
    width: 19%;
    height: 1.4rem;
    float: right;
}




.index__content__con {
    width: 100%;
}
.index__content__box0 {
    width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid #F6F6F6;
}

.index__content__box1 ,.index__content__box2,.index__content__box3{
    width: 1rem;
    height: 1.2rem;
    float: left;
}
.index__content__box0 {
    margin-top: 0.2rem;
}
.index__content__box2 {
    margin-left: 0.1rem;
}
.index__content__box3 {
    text-align: right;
}
.index__content__box1 span{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: #ccc;
}

.index__content__box2 a:first-child{
    display: inline-block;
    width: 100%;
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.15rem;
    color: rgb(51,51,51);
    overflow: hidden;
    margin-top: 0.1rem;
    font-weight: 600;
}
.index__content__box2 a:nth-child(2) {
    display: inline-block;
    width: 100%;
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.12rem;
    color: rgb(153,153,153);
    overflow: hidden;
    margin-top: 0.4rem;
}

.index__content__box3 {
    width: 0.7rem;
    float: right;
}
.index__content__box3 a{
    display: inline-block;
    background: rgb(0,140,140);
    color: #fff;
    padding: 0.05rem 0.075rem;
    border-radius: 0.03rem;
    margin-top: 0.74rem;
}
.index__content__bottom {
    width: 100%;
    height: 0.5rem;
    font-size: 0;
    margin-top: 0.1rem;
}
.index__content__bottom>span{
    display: inline-block;
    width: 33%;
    height: 0.3rem;
    text-align: center;
    font-size: 0.15rem;
    color: rgb(0,140,140);
    line-height: 0.3rem;
}
.index__content__bottom>span:nth-child(2){
    border-left: 1px solid #F5F4F3;
    border-right: 1px solid #F5F4F3;
}
.index__content__con :after {
    display: table;
    content: "";
    clear: both;
}
.index__content__con :after {
    display: table;
    content: "";
    clear: both;
}
.index__footer {
    height: 0.7rem;
}
.index__footer__fixed {
    width: 100%;
    height: 0.6rem;
    position: fixed;
    bottom: 0;
    background: #fff;
}
.index__footer__box {
    width: 70%;
    height: 0.6rem;
    margin-left: 15%;
}
.index__footer__box div {
    width: 33%;
    text-align: center;
}
.index__footer__box  div:first-child {
    float: left;
}
.index__footer__box  div:nth-child(2) {
    float: left;
    position: relative;
}
.index__footer__box  div:nth-child(2) img {
    margin-top: -0.2rem;
}
.index__footer__box  div:last-child {
    float: right;
    position: relative;
}
.index__footer__box  div:first-child a , .index__footer__box  div:last-child a {
    display: inline-block;
    width: 0.3rem;
    text-align: center;
    height: 0.5rem;
    margin-top: 0.07rem;
}
.index__footer__box  div:first-child a i{
    font-size: 0.3rem;
    color: rgb(0,140,140);
}
.index__footer__box  div:last-child a i{
    font-size:0.3rem;
    color: #373737;
    font-weight: 600;
}
.index__footer__box  div:last-child span {
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.08rem;
    background: #FF5857;
    position: absolute;
    margin-top: 0.08rem;
    margin-left: -0.04rem;
}
.index__module {
    position: fixed;
    left: 0;
    right:0;
    bottom: 0;
    top:0;
    background: rgba(0,0,0,.6);
    z-index:10;
    display: none;
}
.index__module__box {
    width: 100%;
    height: 3rem;
}
.index__module__boxCon {
    /*background: #fff;*/
    z-index: 20;
    width: 90%;
    margin-left: 5%;
    height: 3rem;
    margin-top: 2rem;
}

.index__module__iconNavTop {
    width: 100%;
    height: 1.5rem;
}
.index__module__iconNavBot {
    width: 100%;
    height: 1rem;
 }
.index__module__iconNavTop div,.index__module__iconNavBot div{
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 0.23rem;
    line-height: 0.3rem;
}
.index__module__iconNavTop div h2 ,.index__module__iconNavBot div h2{
    width: 100%;
}
.index__module__iconNavTop a , .index__module__iconNavBot a{
    display: inline-block;
    width: 0.6rem;
    text-align: center;
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 0.3rem;
    background: #fff;
}
.index__module__iconNavTop a span , .index__module__iconNavBot a span{
    display: inline-block;
    width: 100%;
    height: 0.3rem;
    text-align: center;
}
.index__module__iconNavTop a i,.index__module__iconNavBot a i{
    font-size: 0.3rem;
    color: rgb(0,140,140);
}
.index__module__iconNavTop  b,.index__module__iconNavBot  b {
    font-size: 0.15rem;
}


